<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="styles/swiper.min.css">
    <link rel="stylesheet" href="styles/main.css">

    <link rel="stylesheet" href="css/show/bootstrap.css" media="all"/>
    <link rel="stylesheet" href="css/show/base.css" media="all"/>
    <link rel="stylesheet" href="css/show/index.css" media="all"/>

    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <meta name="imagemode" content="force">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="-1">
    <script src="js/jquery.min.js"></script>
    <style>
        #map1 {
            cursor: pointer;
        }
        #map2 {
            cursor: pointer;
        }
        #map3 {
            cursor: pointer;
        }

        .btn {
            width: 100px;
            height: 30px;
        / / background: #ccc;
            border: 1px solid #eee;
        }

        .input {
            width: 200px;
            height: 30px;
            border: 1px solid #eee;
        }
        .select{
            height: 30px;
            border: 1px solid #eee;
        }

    </style>
</head>

<body>
<section class="uc-home-1">
    <div class="header"></div>
    <div class="uc-content">
        <div class="filter">
            <a href="" class="item on">新疆区域间高能耗企业空间格局分布图</a>
            <a href="" class="item">新疆区域间高能耗企业能耗消费情况</a>
            <a href="" class="item">新疆区域间高能耗企业碳排放空间分布图</a>
        </div>
        <div class="g-filterBD">
            <div class="tab-con">
                <div class="box">
                    <div class="left">
                        <div class="title">
                            <img src="images/title11-1.png" alt=""/>
                            <b>高能耗企业</b>
                            <img src="images/title11-2.png" alt=""/>
                        </div>
                        <ul class="list" id="mapDataScouce">
                            <li class="item">乌鲁木齐市</li>
                            <li class="item">企业数量</li>
                            <li class="item">石油石化</li>
                            <li class="item">20个</li>
                            <li class="item">冶金</li>
                            <li class="item">15个</li>
                            <li class="item">电力</li>
                            <li class="item">08个</li>
                            <li class="item">机电</li>
                            <li class="item">08个</li>
                            <li class="item">化学</li>
                            <li class="item">20个</li>
                            <li class="item">煤炭</li>
                            <li class="item">15个</li>
                            <li class="item">纺织</li>
                            <li class="item">08个</li>
                            <li class="item">轻工</li>
                            <li class="item">08个</li>
                            <li class="item">建材</li>
                            <li class="item">08个</li>
                            <li class="item">其他</li>
                            <li class="item">08个</li>
                        </ul>
                    </div>
                    <!-- <div class="map-box">
                    <img src="images/img11.png" alt="" />
                </div> -->
                    <div class="map-box">
                        <div id="map1" style="width:100%;height:710px;"></div>
                    </div>
                </div>
            </div>
            <div class="tab-con">
                    <div>
                        <div id="map2" style="width:1350px;height:710px;"></div>
                    </div>
            </div>
            <div class="tab-con">
                <div>
                    <div id="map3" style="width:1350px;height:710px;"></div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="uc-home-2">
    <div class="uc-content">
        <div class="title">
            <h3><i></i>新疆能源计量大数据与产业计量数字化运营平台<i></i></h3>
            <p>Xinjiang energy metering platform</p>
            <a href="product.html" class="uc-btn blue-plain">查看详情</a>
        </div>

        <div class="box">
            <div class="left">
                <div class="menu">
                    <a href="" class="item on"><img src="images/img12-1.jpg" class="i1" alt=""><img
                            src="images/img12-1-on.jpg" class="i2" alt=""><i>数据中台</i></a>
                    <a href="" class="item"><img src="images/img12-2.jpg" class="i1" alt=""><img
                            src="images/img12-2-on.jpg" class="i2" alt=""><i>业务中台</i></a>
                    <a href="" class="item"><img src="images/img12-3.jpg" class="i1" alt=""><img
                            src="images/img12-3-on.jpg" class="i2" alt=""><i>计量APP应用</i></a>
                </div>
            </div>
            <div class="right">
                <div class="g-filterBD">
                    <div class="tab-con">
                        <div class="sub-title">数据中台</div>
                        <ul class="list">
                            <li><a href="product.html#sjzt">计量器具数据管理系统<i>>></i></a></li>
                            <li><a href="product.html#sjzt">能耗监测数据管理系统<i>>></i></a></li>
                            <li><a href="product.html#sjzt">产业计量监测数据管理系统<i>>></i></a></li>
                            <!--            <li><a href="">计量院计量器具数据系统<i>>></i></a></li>
                                    <li><a href="">计量院计量器具数据系统<i>>></i></a></li>-->
                        </ul>
                        <div class="operate"><a href="product.html#sjzt" class="uc-btn blue-plain">更多</a></div>
                    </div>
                    <div class="tab-con">
                        <div class="sub-title">业务中台</div>
                        <ul class="list">
                            <li><a href="product.html#ywzt">传统业务中台系统<i>>></i></a></li>
                            <li><a href="product.html#ywzt">升级业务中台系统<i>>></i></a></li>
                            <li><a href="product.html#ywzt">碳汇、碳核算系统<i>>></i></a></li>
                            <li><a href="product.html#ywzt">业务中台系统1<i>>></i></a></li>
                            <li><a href="product.html#ywzt">业务中台系统2<i>>></i></a></li>
                        </ul>
                        <div class="operate"><a href="product.html#ywzt" class="uc-btn blue-plain">更多</a></div>
                    </div>
                    <div class="tab-con">
                        <div class="sub-title">计量APP应用</div>
                        <ul class="list">
                            <li><a href="product.html#jlapp">长度测量仪器计量校准应用<i>>></i></a></li>
                            <li><a href="product.html#jlapp">热工测量仪器计量校准应用<i>>></i></a></li>
                            <li><a href="product.html#jlapp">工程测量仪器计量校准应用<i>>></i></a></li>
                            <li><a href="product.html#jlapp">流量测量仪器计量校准应用<i>>></i></a></li>
                            <li><a href="product.html#jlapp">医学与电离辐射测量仪器计量校准应用<i>>></i></a></li>
                        </ul>
                        <div class="operate"><a href="product.html#jlapp" class="uc-btn blue-plain">更多</a></div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<section class="uc-home-3" id="szhyy">
    <div class="uc-content">
        <div class="title">
            <h3><i></i>数字化运营<i></i></h3>
            <p>Digital operation</p>
        </div>
        <div class="filter">
            <a href="" class="item on">政府端数字化运营</a>
            <a href="" class="item">企业端数字化运营</a>
            <a href="" class="item">公众端数字化运营</a>
        </div>
        <div class="g-filterBD">
            <div class="tab-con">
                <div class="box">
                    <section class="swiper-box">
                        <div class="swiper-container swiper-container1">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <a href="javascript:void(0)" class="item">
                                        <img src="images/img13-1.jpg" alt=""/>
                                        <div class="btm">
                                            <div class="date">
                                           <b>1</b>
                                            <!--    <p>2021-12</p>&ndash;&gt;-->
                                            </div>
                                            <h3>政府数字化运营</h3>
                                            <div class="con">
                                                为政府机构提供在线能耗监测、能效分析、节能管理、计量管理等服务。
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--     <div class="swiper-slide">
                                         <a href="" class="item">
                                             <img src="images/img13-1.jpg" alt="" />
                                             <div class="btm">
                                                 <div class="date">
                                                     <b>10</b>
                                                     <p>2021-12</p>
                                                 </div>
                                                 <h3>能源监测</h3>
                                                 <div class="con">
                                                     这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......
                                                 </div>
                                             </div>
                                         </a>
                                     </div>
                                     <div class="swiper-slide">
                                         <a href="" class="item">
                                             <img src="images/img13-1.jpg" alt="" />
                                             <div class="btm">
                                                 <div class="date">
                                                     <b>10</b>
                                                     <p>2021-12</p>
                                                 </div>
                                                 <h3>能源监测</h3>
                                                 <div class="con">
                                                     这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......
                                                 </div>
                                             </div>
                                         </a>
                                     </div>
                                     <div class="swiper-slide">
                                         <a href="" class="item">
                                             <img src="images/img13-1.jpg" alt="" />
                                             <div class="btm">
                                                 <div class="date">
                                                     <b>10</b>
                                                     <p>2021-12</p>
                                                 </div>
                                                 <h3>能源监测</h3>
                                                 <div class="con">
                                                     这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......
                                                 </div>
                                             </div>
                                         </a>
                                     </div>-->
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </section>
                    <ul class="list">

                        <li>
                            <div class="img"><a href="nyjc-detail.html"><img src="images/img13-2-6.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="nyjc-detail.html">能耗监测</a></h3>
                                <div class="con">能耗监测子系统提供对重点用能单位的能耗数据的在线采集</div>
                            </div>
                        </li>

                        <li>
                            <div class="img"><a href="nhgl-detail.html"><img src="images/img13-2-2.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="nhgl-detail.html">能耗管理</a></h3>
                                <div class="con">能耗的计量、监测与管理，是实现节能减排的基础</div>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="nxfx-detail.html"><img src="images/img13-2-3.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="nxfx-detail.html">能效分析</a></h3>
                                <div class="con">提供从宏观监测、地区、行业及产品的角度进行能效的统计分析</div>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="jngl-detail.html"><img src="images/img13-2-4.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="jngl-detail.html">节能管理</a></h3>
                                <div class="con">节能监察、节能标准法规与技术产品发布、节能技术推广</div>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="zczd-detail.html"><img src="images/img13-2-1.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="zczd-detail.html">政策制定</a></h3>
                                <div class="con">掌握全社会各行业的耗能、节能情况，为能源监管提供理论依据</div>
                            </div>
                        </li>

                        <li>
                            <div class="img"><a href="jlgl-detail.html"><img src="images/img13-2-5.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="jlgl-detail.html">计量管理</a></h3>
                                <div class="con">用能单位计量器具配备情况汇总</div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="tab-con">
                <div class="box">
                    <section class="swiper-box">
                        <div class="swiper-container swiper-container1">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <a href="javascript:void(0)" class="item">
                                        <img src="images/img13-1.jpg" alt=""/>
                                        <div class="btm">
                                            <div class="date">
                                                <b>2</b>
                                              <!--  <p>2021-12</p>-->
                                            </div>
                                            <h3>企业数字化运营</h3>
                                            <div class="con">
                                                为企业提供本企业的能耗检测、能效分析、节能考核、设备检测、数据监测、数据上报等服务
                                            </div>
                                        </div>
                                    </a>
                                </div>

                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </section>
                    <ul class="list">
                        <li>
                            <div class="img"><a href="nxdb-detail.html"><img src="images/img13-2-1.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="nxdb-detail.html">能效对标</a></h3>
                                <div class="con">具备与同行业内的指标的对比分析功能</div>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="nxzd-detail.html"><img src="images/img13-2-2.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="nxzd-detail.html">能效诊断</a></h3>
                                <div class="con">为企业节能提供参考依据</div>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="nxhc-detail.html"><img src="images/img13-2-3.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="nxhc-detail.html">能效核查</a></h3>
                                <div class="con">企业能效数据自查</div>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="fwjj-detail.html"><img src="images/img13-2-4.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="fwjj-detail.html">服务解决方案</a></h3>
                                <div class="con">为能源计量数据应用提供解决方案</div>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="gxhfw-detail.html"><img src="images/img13-2-5.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="gxhfw-detail.html">个性化服务</a></h3>
                                <div class="con">根据企业自身情况定制个性化服务</div>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="jnkh-detail.html"><img src="images/img13-2-6.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="jnkh-detail.html">节能考核</a></h3>
                                <div class="con">企业本年度能耗限额信息、节能目标考核信息等</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="tab-con">
                <div class="box">
                    <section class="swiper-box">
                        <div class="swiper-container swiper-container1">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <a href="javascript:void(0)" class="item">
                                        <img src="images/img13-1.jpg" alt=""/>
                                        <div class="btm">
                                            <div class="date">
                                                <b>3</b>
                                             <!--   <p>2021-12</p>-->
                                            </div>
                                            <h3>公众数字化运营</h3>
                                            <div class="con">
                                                为公众提供相关的政策法规、标准规范、新闻动态、节能技术服务等信息
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--              <div class="swiper-slide">
                                                  <a href="" class="item">
                                                      <img src="images/img13-1.jpg" alt="" />
                                                      <div class="btm">
                                                          <div class="date">
                                                              <b>30</b>
                                                              <p>2021-12</p>
                                                          </div>
                                                          <h3>能源监测</h3>
                                                          <div class="con">
                                                              这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......
                                                          </div>
                                                      </div>
                                                  </a>
                                              </div>
                                              <div class="swiper-slide">
                                                  <a href="" class="item">
                                                      <img src="images/img13-1.jpg" alt="" />
                                                      <div class="btm">
                                                          <div class="date">
                                                              <b>30</b>
                                                              <p>2021-12</p>
                                                          </div>
                                                          <h3>能源监测</h3>
                                                          <div class="con">
                                                              这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......
                                                          </div>
                                                      </div>
                                                  </a>
                                              </div>
                                              <div class="swiper-slide">
                                                  <a href="" class="item">
                                                      <img src="images/img13-1.jpg" alt="" />
                                                      <div class="btm">
                                                          <div class="date">
                                                              <b>30</b>
                                                              <p>2021-12</p>
                                                          </div>
                                                          <h3>能源监测</h3>
                                                          <div class="con">
                                                              这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......这是一段文本介绍......
                                                          </div>
                                                      </div>
                                                  </a>
                                              </div>-->
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </section>
                    <ul class="list">
                        <li>
                            <div class="img"><a href="zcfg-detail.html"><img src="images/img13-2-1.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="zcfg-detail.html">政策法规</a></h3>
                                <div class="con">相关政策法规信息的查询</div>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="bzgf-detail.html"><img src="images/img13-2-2.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="bzgf-detail.html">标准规范</a></h3>
                                <div class="con">标准规范的公开发布与查看</div>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="xwdt-detail.html"><img src="images/img13-2-3.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="xwdt-detail.html">新闻动态</a></h3>
                                <div class="con">能源资讯相关信息的发布与查看</div>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="jsjl-detail.html"><img src="images/img13-2-4.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="jsjl-detail.html">技术交流</a></h3>
                                <div class="con">实时了解最新技术交流的动态</div>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="hydt-detail.html"><img src="images/img13-2-5.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="hydt-detail.html">行业动态</a></h3>
                                <div class="con">实时了解最新行业动态</div>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href=""><img src="images/img13-2-6.jpg" alt=""></a></div>
                            <div class="btm">
                                <h3><a href="javascript:void(0)">节能服务</a></h3>
                                <div class="con">节能服务技术支持</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<script type="text/javascript" src="js/layui.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/show/common.js"></script>
<script type="text/javascript" src="js/modules/echarts/echarts.js"></script>
<script type="text/javascript" src="js/modules/echarts/echarts.min.js"></script>
<script type="text/javascript" src="js/show/xinjiang.js"></script>
<script type="text/javascript" src="js/show/index.js"></script>

<script src="js/swiper.min.js"></script>
<script src="js/main.js"></script>
<script>
    $(function () {
    })
    $("body").on('click', '.filter .item', function (event) {
        event.preventDefault();
        if (!$(this).hasClass('on')) {
            $(this).addClass('on').siblings().removeClass('on')
            $(this).parent().next(".g-filterBD").find(".tab-con").css("display", "none").eq($(this).index()).css("display", "block")
        }
    });
    $("body").on('click', '.uc-home-2 .menu .item', function (event) {
        event.preventDefault();
        if (!$(this).hasClass('on')) {
            $(this).addClass('on').siblings().removeClass('on')
            $(this).addClass('on').siblings().removeClass('on')
            $(".uc-home-2 .tab-con").css("display", "none").eq($(this).index()).css("display", "block")
        }
    });
    new Swiper('.swiper-container1', {
        observeParents: true,
        observer: true,
        pagination: {
            el: '.swiper-container1 .swiper-pagination',
            clickable: true,
        },
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
    });
</script>
</body>

</html>